
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
     <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
      <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
        <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
      <style>
        .checkbox-inline input[type=checkbox],.radio-inline input[type=radio] {
           margin-top: 4px;
      }
      </style>
</head>

<body style="color:#333;padding:3px;">
     <!-- 标题 -->
    <div class="page-heade">
      <h1 class="title_color">批量设置客户（经销商、系统、网点）负责人</h1>
    </div>
    <!-- 标题 -->
  <form action="" class="form-inline" method="get">
    <table class="table table-bordered text-left">
       <tr>
         <td style="min-width: 200px;width: 200px" class="text-left"><label for="" class="form-label">员工姓名<span class="colorRed">*</span>：</label></td>
         <td><input type="text" class="form-control" name="" placeholder="请输入关键字或空格查询"><a href="javascript:;" id="selectStaff">选择</a></td>
        </tr>
        <tr class="info font-bold">
          <td colspan="2" >所属客户管理信息</td>
        </tr>
        <tr>
         <td><label for="" class="form-label">对应客户管理中的岗位<span class="colorRed">*</span>：</label></td>
         <td><label for="" class="checkbox-inline"><input type="checkbox" checked disabled>业务人员</label></td>
        </tr>
        <tr>
           <td><label for="" class="form-label">分区<span class="colorRed">*</span>：</label></td>
           <td>
              <select name="" id="area" class="form-control">
                <option value="0">请选择</option>
                <option value="1">华南大区</option>
              </select>
           </td>
        </tr>
        <tr>
          <td><label for="" class="form-label">省份<span class="colorRed">*</span>：</label></td>
          <td><input type="text" class="form-control" name="" style="min-width: 600px;" id="province"> &nbsp;<a href="javascript:;" id="selectProvince">选择</a></td>
        </tr>
         <tr>
          <td><label for="" class="form-label">城市<span class="colorRed">*</span>：</label></td>
          <td><input type="text" class="form-control" name="" style="min-width: 600px;" id="city"> &nbsp;<a href="javascript:;" id="selectCity">选择</a></td>
        </tr>
         <tr>
          <td><label for="" class="form-label">经销商<span class="colorRed">*</span>：</label></td>
          <td><input type="text" class="form-control" name="" style="min-width: 600px;" id="Agency"> &nbsp;<a href="javascript:;" id="selectAgency">选择</a></td>
        </tr>
         <tr>
          <td><label for="" class="form-label">系统</label></td>
          <td><input type="text" class="form-control" name="" style="min-width: 600px;" id="System"> &nbsp;<a href="javascript:;" id="selectSys">选择</a></td>
        </tr>
          <tr>
          <td><label for="" class="form-label">网点</label></td>
          <td><input type="text" class="form-control" name="" style="min-width: 600px;" id="Net"> &nbsp;<a href="javascript:;" id="selectNet">选择</a></td>
        </tr>
        <tr>
           <td><label for="" class="form-label">类型<span class="colorRed">*</span>：</label></td>
           <td>
              <label for="zhuijia" class="radio-inline">
                  <input type="radio" checked name="kind" id="zhuijia">追加
              </label>
              <label for="dingti" class="radio-inline">
                  <input type="radio" name="kind" id="dingti">顶替
              </label>
              <div class="padding-10" style="display: none;" id="dingtiMan">
                被顶替人的姓名：<input type="text" class="form-control" name="" style="width: 120px;min-width: 120px" placeholder="请输入关键字或空格查询"> <a href="javascript:;">选择</a>
              </div>
           </td>
        </tr>
        <tr>
          <td><label for="" class="form-label">一键设置负责所有客户</label></td>
          <td><button class="btn-info btn btn-outline" id="OnekeySetBtn" type="button">一键选中所有经销商系统网点</button> <span class="lr_5"></span> <button class="btn btn-info btn-outline" id="cancelBtn" type="button">取消选中</button>
            <p class="padding-10 colorRed font-bold">特别提示：此功能使用！！仅用于设置某员工负责所有客户时才使用，且不可逆。特此提示！！</p>
          </td>
        </tr>
        <tr class="trDivdt" style="display: none;">
          <td><label for="" class="form-label">是否顶替被顶替人在以上各级客户中对应的岗位</label></td>
          <td><label for="" class="checkbox-inline"><input type="checkbox" checked>(温馨提醒：如果勾选，则会顶替被顶替人在以上各级客户中对应的岗位；如果不勾选，则只顶替所选的最后一级客户中对应的岗位，追加到其他各级客户中对应的岗位。)</label></td>
        </tr>
         <tr>
          <td><label for="" class="form-label">批量追加经销商负责人至系统网点</label></td>
          <td><button class="btn-info btn btn-outline">一键复制经销商业务负责人追加至所有该经销商的所辖系统及网点</button>
            <p class="padding-10 colorRed font-bold">特别提示：此功能使用！！仅用于一次性批量设置所有经销商的"客户主管"及"业务代表"追加至该经销商所建系统和网点的"客户主管"及"业务代表"。且不可逆。特此提示！！</p>
          </td>
        </tr>
  </table>
  <table >

  </table>
  <div class="padding-10 text-center">
      <button class="btn-success btn" type="button">提交</button>
  </div>
  </form>
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
      <!-- <script src="js/plugins/layer/laydate/laydate.js"></script> -->
        <script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
         <script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>

       <script src="__STATIC__/layout/js/common.js"></script>
       <script>
       /*选择员工*/
       // $("#selectStaff").click(function(){
       //     layer.open({
       //              type: 2,
       //              skin: 'layui-layer-rim', //加上边框
       //              area: ['800px', '500px'], //宽高
       //              title:"员工树",
       //              content: 'selectStaff.html'
       //           }); 
       // })
         /*选择省份*/
         $("#selectProvince").click(function(){
              if($("#area").val()==0){
                   swal("","请选择分区！","error")
               }else{
                    layer.open({
                    type: 2,
                    skin: 'layui-layer-rim', //加上边框
                    area: ['800px', '500px'], //宽高
                    title:"",
                   content: "{:url('Other/selectProvince')}"
                 }); 
               }
         })
        /*选择城市*/
          $("#selectCity").click(function(){
              if($("#area").val()==0){
                   swal("","请选择分区！","error")
               }else if($("#province").val()==""){
                   swal("","请选择省份！","error")
               }else{
                    layer.open({
                    type: 2,
                    skin: 'layui-layer-rim', //加上边框
                    area: ['800px', '500px'], //宽高
                    title:"",
                   content: "{:url('Other/selectcity')}"
                 }); 
               }
         })

         /*z追加，顶替*/
            $("input:radio[name=kind]").click(function(){
              if($("#zhuijia").prop("checked")!=true){
                     $('#dingtiMan').show();
                     $('.trDivdt').show();
                  }else{
                       $('#dingtiMan').hide();
                     $('.trDivdt').hide();
                  } ;
               });

            /*取消选中*/
        $("#cancelBtn").click(function(){
            clearVal()
        })
        function clearVal(){
          $("#area").val(0)
          $("#province").val("")
          $("#City").val("")
          $("#Agency").val("")
          $("#System").val("")
          $("#Net").val("")
           $("#area").siblings('a').show();
 $("#province").siblings('a').show();
$("#City").siblings('a').show();
 $("#Agency").siblings('a').show();
 $("#Agency").siblings('a').show();
 $("#System").siblings('a').show();
  $("#Net").siblings('a').show();
        }

        /*一键选中*/
         $("#OnekeySetBtn").click(function(){
            OnekeySet()
        })
        function OnekeySet(){
           $("#area").val("所有分区")
           $("#area").siblings('a').hide();
          $("#province").val("所有省份")
            $("#province").siblings('a').hide();
          $("#City").val("所有城市")
          $("#City").siblings('a').hide();
          $("#Agency").siblings('a').hide();
          $("#Agency").val("所有经销商")
           $("#Agency").siblings('a').hide();
          $("#System").val("所有系统")
          $("#System").siblings('a').hide();
          $("#Net").val("所有网点")
           $("#Net").siblings('a').hide();
        }
       </script>
    </body>
   
</html>